<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,  user-scalable=no" />
<meta name="format-detection" content="telephone=no, email=no" />
<meta name="apple-nobile-web-app-capable" content="yes" />

<meta name="keywords" content="标题说明" />
<meta name="description" content="标题说明" />
<title>首页</title>

<link type="text/css" rel="stylesheet" href="./css/common.css" />
<link type="text/css" rel="stylesheet" href="./css/index.css" />
<link type="text/css" rel="stylesheet" href="./css/fontCss/font-awesome.min.css" />

</head>

<body>

<div class="mainCont clearfix">
	<div class="demo w30 fl">
		<div class="demoToper"><i class="fa fa-user fa-lg"></i>账户信息</div>
		<div class="demo_cont">
			<p>邮箱：<span>xxxx@xuanyuan.com.cn</span></p>
			<p>用户名：<span>宝宝姓徐</span></p>
			<p>状态：<span>有效</span></p>
			<p>用户类型：<span>管理员</span></p>
		</div>
		<div class="demoToper"><i class="fa fa-user fa-lg"></i>合同期限</div>
		<div class="demo_cont">
			<p>市场部申请体验账号1<span>生效</span></p>
			<p>开始日期：<span>2016-11-17</span></p>
			<p>结束日期：<span>2016-12-31</span></p>
		</div>
	</div>
	<div class="demo w66 fl">
		<div class="demoToper"><i class="fa fa-area-chart fa-lg"></i>资源使用情况</div>
		<div class="demo_cont clearfix">
			<div id="ring" style="width:100%;height:272px;"></div>
		</div>
	</div>
</div>

<div class="mainCont clearfix">
	<div class="demo w98">
		<div class="demoToper"><i class="fa fa-pencil-square fa-lg"></i>最近操作</div>
		<table class="demo_table">
			<tr class="demo_tableTit">
				<td>资源名称</td>
				<td>资源ID</td>
				<td>操作</td>
				<td>状态</td>
				<td>操作时间</td>
				<td>用户</td>
			</tr>
			<tr class="demo_tableTxt">
				<td>用户neunn_01@neunn.com登录</td>
				<td>06333</td>
				<td>用户登录
				<td>成功</td>
				<td>2016-12-12 16:58:04</td>
				<td>neunn_01@neunn.com</td>
			</tr>
			<tr class="demo_tableTxt">
				<td>用户neunn_01@neunn.com登录</td>
				<td>06333</td>
				<td>用户登录
				<td>成功</td>
				<td>2016-12-12 16:58:04</td>
				<td>neunn_01@neunn.com</td>
			</tr>
			<tr class="demo_tableTxt">
				<td>用户neunn_01@neunn.com登录</td>
				<td>06333</td>
				<td>用户登录
				<td>成功</td>
				<td>2016-12-12 16:58:04</td>
				<td>neunn_01@neunn.com</td>
			</tr>
		</table>
	</div>
</div>

<script type="text/javascript" src="./js/jquery-1.7.2-min.js"></script>
<script type="text/javascript" src="./js/jq/echarts.min.js"></script>
<script type="text/javascript" src="./js/jq/jquery.goup.min.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript" src="./js/index.js"></script>

</body>
</html>